<template>
  <div class="home">
    <navbar class="header"></navbar>
    <router-view style="position:relative;top:50px;bottom:50px"/>
    <!-- <router-view style="position:fixed;top:50px;bottom:50px"/> -->
    <vant-tabbar></vant-tabbar>
  </div>
</template>

<script>

import MainTabbar from '@/components/common/MainTabbar.vue'
import TabBar from '@/components/content/TabBar.vue'
import Navbar from '@/components/common/navbar.vue'
import VantTabbar from '@/components/VantTabbar.vue'
// @ is an alias to /src
export default {
  components: { MainTabbar,TabBar,Navbar, VantTabbar },
  name: 'Home',
}
</script>
<style scoped>
.header{
  background-color: green;
  width: 100%;
  position: fixed;
  height: 53px;
  top: 0;
  z-index: 99;
}
</style>
